<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的信息中心</title>
<link rel="icon" href="../img/BaiYi_title_icon.png" />
<link type="text/css" rel="stylesheet" href="../css/foundation.css" />
<link type="text/css" rel="stylesheet" href="../css/baiyi.css" />
<script type="text/javascript" src="../js/vendor/jquery.js"></script>
<script type="text/javascript" src="../js/foundation/foundation.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.topbar.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.offcanvas.js"></script>
<script type="text/javascript"
	src="../js/foundation/foundation.reveal.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(document).foundation();
		$(document).foundation('topbar', 'reflow');
		$(document).foundation('offcanvas', 'reflow');
		$(document).foundation('revaeal', 'reflow');
	});
</script>
</head>
<body>
	<div class="off-canvas-wrap" data-offcanvas>
		<div class="inner-wrap">
			<jsp:include page="nav.jsp"></jsp:include>
			<!-- Off Canvas Menu 显示简易个人信息 -->
			<jsp:include page="user.jsp"></jsp:include>
			<!----------------------------------------------------------------------------------------->
			<!---------------------------- 内容区域可替换------------------------------------------------>
			<!----------------------------------------------------------------------------------------->
			<!-----------------------左边的个人资料区域------------------->
			<div class="large-6  medium-7 columns information_center">
				<h4>个人资料</h4>
				<hr />
				<form>
					<div class="row">
						<div class="small-8 columns">
							<label for="right-label" class="right inline"><img
								src="${currentUser.userPortrait }" alt="头像" /></label>
						</div>
						<div class="small-4 columns">
							<a class="button small secondary">选择照片</a>
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">昵称：</label>
						</div>
						<div class="small-8 columns">
							<input type="text" id="right-label" name="user.userName"
								placeholder="${currentUser.userName}" required="required" />
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">性别：</label>
						</div>
						<div class="small-8 columns">
							<select name="user.sex" >
								<c:if test="${ currentUser.sex == 1}">
									<option value="女" checked="checked">女</option>
									<option value="男">男</option>
								</c:if>
								<c:if test="${ currentUser.sex eq 0}">
									<option value="女">女</option>
									<option value="男" checked="checked">男</option>
								</c:if>
							</select>
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">年龄：</label>
						</div>
						<div class="small-8 columns">
							<input type="text" name="user.age"
								placeholder="${currentUser.age}">
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">感情情况：</label>
						</div>
						<div class="small-8 columns">
							<select name="user.emotionCondition">
								<c:if test="${ currentUser.emotionCondition eq '单身'}">
									<option value="单身" checked="checked">单身</option>
									<option value="恋爱">恋爱</option>
									<option value="已婚">已婚</option>
								</c:if>
								<c:if test="${ currentUser.emotionCondition eq '恋爱'}">
									<option value="单身">单身</option>
									<option value="恋爱" checked="checked">恋爱</option>
									<option value="已婚">已婚</option>
								</c:if>
								<c:if test="${ currentUser.emotionCondition eq '已婚'}">
									<option value="单身">单身</option>
									<option value="恋爱">恋爱</option>
									<option value="已婚" checked="checked">已婚</option>
								</c:if>
							</select>
						</div>
					</div>
					<div class="row">
						<!-- 数据库没有设计相关字段 -->
						<!-- <div class="small-4 columns">
							<label for="right-label" class="right inline">所在地：</label>
						</div>
						<div class="small-4 columns">
							<select>
								<option value="1">中国</option>
								<option value="2">美国</option>
								<option value="3">日本</option>
							</select>
						</div>
						<div class="small-4 columns">
							<select name="user.">
								<option value="1">天津</option>
								<option value="2">海南</option>
								<option value="3">北京</option>
							</select>
						</div> -->
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">职业：</label>
						</div>
						<div class="small-8 columns">
							<select name="user.profession">
								<c:if test="${ currentUser.profession eq '在校学生'}">
									<option value="在校学生" checked="checked">在校学生</option>
									<option value="it行业">it行业</option>
									<option value="教育行业">教育行业</option>
								</c:if>
								<c:if test="${ currentUser.profession eq 'it行业'}">
									<option value="在校学生">在校学生</option>
									<option value="it行业" checked="checked">it行业</option>
									<option value="教育行业">教育行业</option>
								</c:if>
								<c:if test="${ currentUser.profession eq '教育行业'}">
									<option value="在校学生">在校学生</option>
									<option value="it行业">it行业</option>
									<option value="教育行业" checked="checked">教育行业</option>
								</c:if>
							</select>
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">爱好：</label>
						</div>
						<div class="small-8 columns hobby">
							<label for="1"><input id="1" type="checkbox"
								name="user.hobby">唱K</label> <label for="2"><input
								id="2" type="checkbox" name="user.hobby">运动</label> <label
								for="3"><input id="3" type="checkbox" name="user.hobby">旅行</label>
							<label for="4"><input id="4" type="checkbox"
								name="user.hobby">学霸</label> <label for="5"><input
								id="5" type="checkbox" name="user.hobby">阅读</label> <label
								for="6"><input id="6" type="checkbox" name="user.hobby">打牌</label>
							<label for="7"><input id="7" type="checkbox"
								name="user.hobby">逛街</label> <label for="8"><input
								id="8" type="checkbox" name="user.hobby">美食</label> <label
								for="9"><input id="9" type="checkbox" name="user.hobby">电影</label>
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">个人说明：</label>
						</div>
						<div class="small-8 columns">
							<textarea placeholder="${currentUser.persionalExplain }"
								name="user.persionalExplain"></textarea>
						</div>
					</div>
					<div class="row">
						<div class="small-12 columns ">
							<input class="button small right" type="submit" value="保存">
							<input class="button small secondary right" type="reset"
								value="还原">
						</div>
					</div>
				</form>
			</div>
			<!--------------------右边的最受欢迎的人的排行榜--------------->
			<div class="large-5 medium-4 information_center columns">
				<div class="row">
					<img src="../img/text3009.png" />
				</div>
				<h4>空间资料</h4>
				<hr />
				<form action="" method="post">
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">空间名称：</label>
						</div>
						<div class="small-8 columns">
							<input type="text" id="right-label"
								placeholder="${currentUser.qzoneName } " name="user.qzoneName"
								required="required" />
						</div>
					</div>
					<div class="row">
						<div class="small-4 columns">
							<label for="right-label" class="right inline">空间说明：</label>
						</div>
						<div class="small-8 columns">
							<textarea placeholder="${currentUser.qzoneAutograph }"
								name="user.qzoneAutograph"></textarea>
						</div>
					</div>
					<div class="row">
						<div class="small-12 columns ">
							<input class="button small right" type="submit" value="保存">
							<input class="button small secondary right" type="reset"
								value="还原">
						</div>
					</div>
				</form>
			</div>

			<!----------------------------------------------------------------------------------------->
			<!---------------------------- 内容区域------end-------------------------------------------->
			<!----------------------------------------------------------------------------------------->
			<!------------------页脚--------------------->
			<jsp:include page="footer.jsp"></jsp:include>
			<!-- close the off-canvas menu -->
			<a class="exit-off-canvas"></a>
		</div>
	</div>
</body>
</html>